<!DOCTYPE html>
<html lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta name="keywords" content="LightYear,LightYearAdmin,光年,后台模板,后台管理系统,光年HTML模板">
<meta name="description" content="Light Year Admin V5是一个基于Bootstrap v5.1.3的后台管理系统的HTML模板。">
<meta name="author" content="yinq">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">

<script src=".../webs/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="../webs/jquery/dist/jquery.min.js"></script>
<script src="../webs/bootstrap-table/dist/bootstrap-table.min.js"></script>
<script src="../webs/lib/sweetalert2/dist/sweetalert2.all.min.js"></script>
<script src="../webs/js/bootstrap-admin.min.js"></script>
<script src="../webs/js/app.js"></script>
<script src="../webs/styles/bootstrap/js/table-cn.js" type="text/javascript"></script>



<script src="js/lib/jquery-3.6.2.min.js" type="text/javascript"></script>
<script src="js/shared/enumeration.js" type="text/javascript"></script>
<script src="js/shared/code.js" type="text/javascript"></script>
<script src="js/shared/API.js" type="text/javascript"></script>
<script src="js/shared/utils.js" type="text/javascript"></script>
<script src="js/other/login.js"></script>


<meta name="apple-mobile-web-app-status-bar-style" content="default">
<link rel="stylesheet" type="text/css" href="css/materialdesignicons.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
<link rel="stylesheet" type="text/css" href="css/style.min.css">
<style>
.signin-form .has-feedback {
    position: relative;
}
.signin-form .has-feedback .form-control {
    padding-left: 36px;
}
.signin-form .has-feedback .mdi {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    width: 36px;
    height: 36px;
    line-height: 36px;
    z-index: 4;
    color: #dcdcdc;
    display: block;
    text-align: center;
    pointer-events: none;
}
.signin-form .has-feedback.row .mdi {
    left: 15px;
}
.signin-form .form-group:last-child,
.login-right p:last-child {
    margin-bottom: 0px;
}
.login-right {
    background: #67b26f!important;
    background: -moz-linear-gradient(45deg,#67b26f 0,#4ca2cd 100%)!important;
    background: -webkit-linear-gradient(45deg,#67b26f 0,#4ca2cd 100%)!important;
    background: linear-gradient(45deg,#67b26f 0,#4ca2cd 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67b26f', endColorstr='#4ca2cd', GradientType=1 )!important;
}
.login-box {
    max-width: 700px;
}
.login-right {
    max-width: 50%;
}
</style>
</head>

<body class="center-vh" style="background-image: url(images/login.jpg); background-size: cover;">
<div class="bg-translucent p-2">
  <div class="flex-box bg-white login-box">
    <div class="login-left p-5">
      
      <div class="text-center mb-3 d-sm-none">
        <img alt="light year admin" src="images/logo-sidebar.png"> 
      </div>
      <form action="#!" method="post" class="signin-form needs-validation" novalidate>
        <div class="mb-3 has-feedback ">
          <span class="mdi mdi-account" aria-hidden="true"></span>
          <input type="text" class="form-control" id="txtLoginName" placeholder="用户名" required>
        </div>
    
        <div class="mb-3 has-feedback">

          <span class="mdi mdi-lock" aria-hidden="true"></span>
          <input type="password" class="form-control"  id="txtLoginPass" placeholder="密码" required>
        </div>
        
        <div class="mb-3 d-grid">
          <button class="btn btn-primary" type="button"  id="btnLogin">立即登录</button>
        </div>
      </form>
    </div>
    <div class="login-right p-5 d-none d-sm-block">
      <p class="mb-3" style="margin-left: -5px;"><img src="images/logo.png" alt="logo" /></p>
      <h5 id="appName" name="appName" class="text-white"></h5>
      <p class="text-white">相信美好的事情即将发生</p>
      <p class="text-white align-self-end">Copyright © 2024. All right reserved</p>
    </div>
  </div>
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/popper.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/lyear-loading.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
      document.title = enumeration.appName;
      $("#appName").text(enumeration.appName);
    });
</script>
</body>
</html>